/*导航**/
body {
    background: #fff !important;
    height: auto;
}

.index-nav {
    position: fixed;
    left: 0;
    top: 0;
    height: 3.7rem;
    background: #fafafa;
    z-index: 300;
}

.index-nav .mui-col-xs-3 {
    letter-spacing: .1rem;
    position: relative;
}

.index-nav i {
    position: absolute;
    bottom: 0.1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    width: .67rem;
    height: .67rem;
    border: .5rem solid transparent;
    border-bottom-color: #27292B;
    display: none;

}

.index-nav h2 {
    font-size: 1.5rem;
    color: #898989;
    line-height: 3.7rem;
    font-weight: normal;
}

.index-nav .mui-row, .index-nav .search {
    display: inline-block;
}

.index-nav .search {
    /*padding-left:3%;
    padding-right:2%;*/
    position: absolute;
}

.index-nav .search img {
    position: absolute;
    top: 1.1rem;
    left: .618rem;
}

.nation-img {
    height: 1.4rem;
    border: 1px solid #d9d9d9;
    position: relative;
    top: .1rem;
}

.swiper-container .swiper-slide button {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width:100%;
    letter-spacing: .2rem;
    opacity:0;
    z-index:2;
}

.swiper-pagination-bullet-active {

}

.classify-title .hr {
    border-bottom: 1px solid #27292b;
    margin: 0 auto;
}

/*.flash-sale .time{
	position:absolute;
	bottom:12%;
	left:0;
	right:0;
	z-index:20;
	width:100%;
}*/

.htb h2 {
}

.htb-list .nation img {
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.htb-list .mT8 img {
    vertical-align: bottom;
}

.todetail .time-img img {
    width: 1.34rem;
    height: 1.75rem;
}

.ms-btn {
    border: none;
    background: none;
    -webkit-appearance: none;
    width: 9.8rem;

}

.btn-red {
    background: #fe3a3b;
    box-shadow: 0 2px 2px #ad2927;
}

.btn-b {
    background: #27292b;
    box-shadow: 0 2px 2px #000;
    pointer-events: none;
}

.flash-time {
    position: absolute;
    right: 0;
    top: .68px;
}

.flash-time .bg {
    background: #000;
    opacity: .45;
    border-radius: .5rem;
    height: 2.34rem;
}

.flash-time .time {
    position: absolute;
    /*top:-1px;*/
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 0;
}

.flash-time .down-time, .flash-time .flash-num {
    font-size: 1.2rem !important;
}

.down {
    position: fixed;
    bottom: 5.6rem;
    right: .5rem;
    width: 3.17rem;
    height: 3.17rem;
    background: #000;
}

.down p {
    border-bottom: 2px solid #fff;
}

.search-icon {
    height: 1.5rem;
}

.body-img {
    position: absolute;
    top: 6rem;
    width: 90%;
    left: 5%;
    z-index: 350;
}

.body-img .img-explain {
    width: 100%;
}

.body-img .dele {
    position: absolute;
    right: 1.67rem;
    top: 1.09rem;
    width: 2.67rem;
    height: 2.67rem;
    z-index: 350;
}

.redPack {
    text-align: center;
    position: absolute;
    top: 25%;
    width: 75%;
    left: 12.5%;
    z-index: 1;
}

.redPack-close {
    position: absolute;
    width: 3rem;
    right: 19%;
    border-radius: 50%;
    height: 3rem;
    background-color: #f84034;
    color: #fff5d4;
    transform: rotate(45deg);
    z-index: 2;
}
.redPack-close:after{
    content: "+";
    line-height: 3rem;
    font-size: 3rem;
    font-weight: 100;

}

.redPack img {
    width: 100%;
}

.redPack-price {
    width: 100%;
    left: 0;
    top: calc(50% - 2.95rem);
    text-align: center;
    position: absolute;
    color: #fff000;
    font-size: 7.5rem;
}

.redPack-price:before {
    content: "￥";
    font-size: 1.68rem;
}